<template>
  <div class="wrapper advert_bigger" v-if="show">
    <a :href="!!data.linkUrl?data.linkUrl:'javascript:;'">
      <img alt="" class="lazy-loading" :src="data.picUrl | imgUrl">
    </a>
  </div>
</template>
<script>

export default {
  data () {
    return {
      show: true,
      data: {}
    }
  },
  props: ['cdata'],
  created () {
    if (!this.cdata[0].tag) {
      this.show = false
      return
    }
    if (this.cdata[0].tag.length < 2) {
      this.show = false
      return
    }
    this.data = this.cdata[0].tag[0]
  }
}
</script>

<style lang="scss" scoped>
.advert_bigger {
  width: 100%;
  height: 3.62rem;
  margin-top: .32rem
}

.advert_bigger img {
  width: 100%;
  height: 100%
}
</style>
